#hover-color() {
	.red {
		&:hover {
			color: red;
			text-decoration: none;
		}
	}
}
#hover-mask() {
	.mask-hidden {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		opacity: 0;
		z-index: 1;
		transition: 0.3s;
	}
	.mask-visible {
		&:hover {
			.mask {
				opacity: 0.3;
			}
		}
	}
}
#hover-font-color() {
	.delay {
		transition: 0.3s;
	}
}

body {
	font-size: 12px;
}
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
.w {
	width: 998px;
	margin: 0 auto;
	overflow: hidden;
}
#header {
	@nav_color: #999;
	font-size: 12px;
	color: @nav_color;
	.shortcut {
		background-color: #e3e4e5;
		.nav {
			overflow: hidden;
			height: 30px;
			line-height: 30px;

			> div {
				float: left;
			}
			.inner-1 {
				.font-icon {
					display: inline-block;
					font-size: 18px;
					vertical-align: middle;
				}
				a {
					display: inline-block;
					vertical-align: middle;
					color: #999;
					#hover-color.red();
				}
			}
			.inner-2 {
				margin-left: 30%;
				.login {
					color: #999;
					#hover-color.red();
				}
				.register {
					color: red;
				}
			}
			.inner-3 {
				overflow: hidden;
				float: right !important;
				> ul {
					vertical-align: middle;
					> li {
						float: left;
						margin: 0 10px;
						a {
							color: #aaa;
							&:hover {
								color: red;
								text-decoration: none;
								cursor: pointer;
							}
						}
					}
				}
			}
		}
	}
}
#main {
	overflow: hidden;
	#logo-2014 {
		float: left;
		position: relative;
		width: 277px;
		padding: 0;
		margin: 15px 0 22px;
		a {
			display: block;
			margin-top: 2px;
			width: 134px;
			height: 42px;
			background: url("../images/logo-2014.png") no-repeat;
			background-size: 134px 42px;
		}
	}
	.cart-search {
		float: right;
		border: 2px solid #c91623;
		background: #c91623;
		height: 24px;
		margin-top: 30px;
		overflow: hidden;
		box-sizing: content-box;
		.form {
			border: 0;
			.itxt {
				border: 0;
				height: 18px;
				line-height: 18px;
				width: 260px;
				padding: 3px 5px;
				outline: none;
				box-sizing: content-box;
			}
			.button {
				display: inline-block;
				vertical-align: top;
				width: 48px;
				height: 24px;
				background: #c91623;
				text-align: center;
				color: #fff;
				font-weight: 700;
				border: 0;
				font-family: sans-serif;
				font-size: 14px;
				line-height: 1.15;
			}
		}
	}
	.cart-body {
		box-sizing: content-box;
		.cart-filter-bar {
			box-sizing: content-box;
			margin-top: 10px;
			position: relative;
			z-index: 100;
			width: 100%;
			height: 40px;
			.switch-cart {
				float: left;
				a {
					display: block;
					height: 40px;
					font-weight: 700;
					font-size: 16px;
					text-align: center;
					line-height: 40px;
					color: #e2231a;
					.num {
						font-weight: 700;
						font-size: 14px;
						text-align: center;
						line-height: 40px;
						color: #e2231a;
					}
				}
			}
			.cart-store {
				float: right;
				line-height: 24px;
				overflow: hidden;
				.label {
					float: left;
				}
				.area-wrap {
					float: left;
					position: relative;
					height: 24px;
					border: 1px solid #cecbce;
					padding-right: 24px;
					padding-left: 4px;
					margin-left: 10px;
					b {
						position: absolute;
						top: 3px;
						right: 4px;
						width: 17px;
						height: 17px;
						background: url("../images/sprite-122.png") no-repeat 3px 5px;
					}
				}
			}
		}
		.cart-thead {
			overflow: hidden;
			background: #f3f3f3;
			border: 1px solid #e9e9e9;
			height: 32px;
			line-height: 32px;
			position: relative;
			padding: 5px 0;
			box-sizing: content-box;
			margin-bottom: 10px;
			.column {
				float: left;
				height: 100%;
				box-sizing: content-box;
			}
			.t-checkbox {
				width: 122px;
				padding-left: 11px;
				height: 18px;
				line-height: 18px;
				padding-top: 7px;
				box-sizing: border-box;
				.checkbox {
					float: left;
					vertical-align: middle;
					margin-right: 5px;
					box-sizing: content-box;
					input {
						float: none;
						position: relative;
						z-index: 5;
						vertical-align: middle;
						margin: 0 3px 0 0;
						padding: 0;
					}
				}
			}
			.t-goods {
				width: 208px;
				line-height: 32px;
			}
			.t-props {
				width: 140px;
				height: 32px;
				padding: 0 10px 0 20px;
			}
			.t-price {
				width: 120px;
				padding-right: 50px;
				text-align: right;
			}
			.t-quantity {
				width: 80px;
				text-align: center;
			}
			.t-sum {
				width: 100px;
				padding-right: 40px;
				text-align: right;
			}
			.t-action {
				width: 75px;
			}
		}
		.cart-tbody {
			margin-bottom: 20px;
			.shop {
				height: 30px;
				line-height: 30px;
				padding-left: 11px;
				.cart-checkbox {
					float: left;
					margin-right: 5px;
					vertical-align: baseline;
					box-sizing: content-box;
					input {
						font-family: sans-serif;
						font-size: 14px;
						line-height: 30px;
						border: 0;
						box-sizing: border-box;
						vertical-align: middle;
					}
				}
				.shop-text {
					float: left;
					width: 42%;
					a {
						display: inline-block;
						overflow: hidden;
						vertical-align: middle;
						height: 30px;
						line-height: 30px;
						font-weight: 700;
						color: #666;
						#hover-color.red();
					}
					.btn-im {
						width: 16px;
						height: 16px;
						background: url("../images/chat.png") no-repeat;
						display: inline-block;
						position: relative;
						vertical-align: middle;
						cursor: pointer;
					}
				}
				.shop-extra {
					float: right;
					cursor: pointer;
					.icon-confirm {
						float: left;
						width: 20px;
						height: 30px;
						background: url("../images/叹号.png") no-repeat 0 7px;
					}
					a {
						color: #666;
						#hover-color.red();
					}
				}
			}
			.item-list {
				border: 1px solid #f1f1f1;
				border-top: 2px solid #aaa;
				.item {
					background: #fff4e8;
					position: relative;
					border-top: 1px solid #c5c5c5;
					line-height: 20px;
					padding: 0 0 1px 40px;
					overflow: hidden;
					.item-form {
						.cell {
							float: left;
							padding: 15px 0 10px;
						}
						.p-checkbox {
							width: 30px;
							min-height: 10px;
							margin-left: 10px;
							position: absolute;
							left: 0;
							top: 0;
						}
						.p-goods {
							width: 300px;
							box-sizing: content-box;
							.p-img {
								position: relative;
								float: left;
								width: 80px;
								height: 80px;
								border: 1px solid #eee;
								margin-right: 10px;
								background: #fff;
								padding: 0;
								text-align: center;
								a {
									width: 80px;
									height: 80px;
									display: block;
									img {
										display: block;
										width: 80px;
										height: 80px;
									}
								}
							}
							.p-msg {
								.p-name {
									height: 40px;
									line-height: 20px;
									overflow: hidden;
								}
								.p-extend {
									span {
										display: inline-block;
										height: 20px;
										vertical-align: middle;
									}
									.jd-service-icon {
										width: 17px;
										background: url("../images/jd-icon.png") no-repeat;
										overflow: hidden;
									}
									.jd-service-text {
										margin: 0 4px 0 7px;
										line-height: 19px;
										color: #aaa;
										cursor: pointer;
									}
								}
							}
						}
						.p-props {
							box-sizing: content-box;
							width: 130px;
							min-height: 10px;
							line-height: 20px;
							overflow: hidden;
							padding: 15px 0 0 20px;
							.props-text {
								width: 130px;
								white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden;
								cursor: default;
							}
						}
						.p-price {
							box-sizing: content-box;
							position: relative;
							width: 150px;
							padding-right: 40px;
							text-align: right;
							outline: none;
							.p-price-cont {
								color: #333;
							}
							.mt5 {
								margin-top: 5px;
								span {
									color: #e2231a;
									border: 1px solid #f9d2d3;
									padding: 1px 2px;
									cursor: pointer;
								}
							}
						}
						.p-quantity {
							width: 84px;
							.cart-num {
								width: 80px;
								border: 0;
								overflow: hidden;
								button {
									color: #ccc;
									cursor: not-allowed;
									border: 1px solid #cbcbcb;
									background: #f1f1f1;
									width: 17px;
									height: 20px;
									line-height: 16px;
									vertical-align: middle;
									position: static;
									float: left;
									outline: 0;
									text-align: center;
									box-sizing: border-box;
								}
								.cart-input {
									input {
										border-width: 1px 0;
										width: 46px;
										position: static;
										float: left;
										outline: 0;
										text-align: center;
										box-sizing: border-box;
										height: 20px;
										color: #232326;
										border: 1px solid #cbcbcb;
										background: #fff;
										line-height: 18px;
										vertical-align: middle;
										padding: 0;
									}
								}
							}
						}
						.p-sum {
							box-sizing: content-box;
							width: 100px;
							padding-right: 40px;
							text-align: right;
							font-family: verdana;
							strong {
								color: #333;
								font-weight: bolder;
							}
						}
						.p-ops {
							box-sizing: content-box;
							a {
								display: block;
								color: #666;
								#hover-color.red();
							}
						}
					}
				}
			}
		}
	}
	.cart-floatbar {
		height: 52px;
		box-sizing: content-box;
		.cart-toolbar {
			height: 50px;
			width: 988px;
			border: 1px solid #f0f0f0;
			background: #fff;
			position: relative;
			margin: 0 auto;
			box-sizing: content-box;
			position: relative;
			.left {
				width: 363px;
				height: 50px;
				box-sizing: content-box;
				.select-all {
					float: left;
					height: 50px;
					line-height: 50px;
					padding: 0 0 0 9px;
					white-space: nowrap;
					.jdcheckbox {
						margin: 5px 3px 0 0;
						display: inline-block;
						vertical-align: text-bottom;
					}
				}
				.operation {
					float: left;
					height: 50px;
					line-height: 50px;
					a {
						float: left;
						margin-left: 10px;
						color: #666;
						#hover-color.red();
						strong {
							font-weight: bolder;
						}
					}
				}
			}
			.right {
				position: absolute;
				height: 52px;
				right: 0;
				top: -1px;
				width: 670px;
				max-width: 670px;
				.btn-area {
					float: right;
					height: 50px;
					a {
						display: block;
						position: relative;
						width: 94px;
						height: 52px;
						line-height: 52px;
						color: #fff;
						text-align: center;
						font-size: 18px;
						font-family: Microsoft YaHei;
						background: #e54346;
						overflow: hidden;
						cursor: pointer;
					}
				}
				.price-sum {
					position: relative;
					float: right;
					height: 50px;
					width: auto;
					line-height: 20px;
					margin: 7px 20px 0 10px;
					.txt {
						float: left;
						width: 50px;
						text-align: right;
						color: #999;
					}
					.price-show {
						float: right;
						.price {
							font-size: 16px;
							color: #e2231a;
							font-family: verdana;
							font-weight: 700;
						}
					}

					.amount-sum {
						float: right;
						color: #999;
						line-height: 20px;
						cursor: pointer;
						em {
							color: #e2231a;
							font-weight: 700;
							font-family: verdana;
							margin: 0 3px;
						}
					}
				}
			}
		}
	}
}
